.header{position: fixed;width: 100%;z-index: 1000;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div{display:flex;justify-content: space-between;height:.8rem;line-height:.8rem;}
.header .logo{width:24.4%}
.header .navs {width:50.7%}
.header .navs ul{display:flex}
.header .navs ul li{margin-right:.5rem}
.header .navs ul li a{font-size:.16rem;color:#2a2929}
.header .navs ul li.active a{color:#0b4da3}
.header .langs{position:relative}
.header .langs p{font-size:.16rem;color:#3c3c3c;padding:0 0 0 .3rem;position:relative}
.header .langs p:after{content:"";position:absolute;background:url(../images/langs.png) 0 0 no-repeat;width:.2rem;height:.2rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.header .langs dl {position: absolute;top: 70%;left: 50%;transform: translateX(-50%);width: 0.8rem;display: none;z-index: 999;box-shadow: rgb(0, 0, 0) 1px 1px 5px;margin: 0px;padding: 0px;background: white;transition: none 0s ease 0s;}
.header  .langs dl dd a{display:block;font-size:.14rem;color:#525252;line-height:.35rem;padding:0 .16rem;text-align:center;}
.header  .langs dl dd a:hover{background:#0b4da3;color:white;transition:.3s}
.mbx>div{height:.8rem;display:flex;align-items: center;justify-content: flex-end;font-size:.16rem;color:#6c6c6c}
.mbx a{font-size:.16rem;color:#6c6c6c;margin:0 .08rem}
.mbx a:first-child{position:relative;padding-left:.2rem}
.mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon1.png) 0 0 no-repeat;width:.14rem;height:.14rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.about_box .company {padding:0 0 .27rem}
.about_box .company .top h2{font-size:.36rem;color:#014099;font-weight:bold;margin:0 0 .5rem}    
.about_box .company .top .infos{display:flex;height:1.5rem;border-top:2px solid #ececec;border-bottom:2px solid #ececec;align-items: center;}
.about_box .company .top .infos h1{width:19%;font-size:.72rem;color:#013f99;font-weight:bold;border-right:2px solid #efefef} 
.about_box .company .top .infos p{width:58%;font-size:.16rem;color:#4c4c4c;padding-left:.65rem;line-height:.28rem}
.about_box .company .top .txt{padding:.65rem  0;font-size:.16rem;color:#4c4c4c;line-height:.3rem}
.about_box .company .lists a{overflow:hidden}
.about_box .company .lists a:hover img{transform:scale(1.1)}
.about_box .history{background:#014099;padding:0 0 1.2rem}
.about_box .history .title{padding:1.25rem 0 2rem;}
.about_box .history .title h1{font-size:.36rem;color:white}
.about_box .history .title p{font-size:.36rem;color:white;margin:.3rem 0 0 }
.about_box .history .lists{position:relative}
.about_box .history .lists:after{content:'';position:absolute;background:#88a6cf;width:100%;height:1px;;bottom:.54rem}
.about_box .history .lists a{text-align:center}
.about_box .history .lists a .txt{height:.6rem;font-size:.24rem;color:white;display:flex;flex-direction: column;justify-content: flex-end;margin:.5rem 0 0;position:relative}
.about_box .history .lists a .txt:after{content:"";position:absolute;background:white;width:.12rem;height:.12rem;border-radius:100%;left:50%;transform:translateX(-50%);top:0}
.about_box .history .lists .infos{height:2rem;font-size:.16rem;color:white}
.about_box .honor{padding:0 0 3.25rem}
.about_box .honor .title{padding:1.2rem 0 .65rem }
.about_box .honor .title h1{font-size:.36rem;color:#014099}
.about_box .honor .lists .swiper-container{padding:.2rem 0 }
.about_box .honor .lists .items a {background:#FFF;border:1px solid #c9c9c9;border-radius:18px;overflow:hidden;padding:.15rem;text-align:center;}
.about_box .honor .lists .items a:hover img{transform:scale(1.1)}
.about_box .honor .lists .items h2{font-size:.16rem;color:#3c3d3d;text-align:center;margin:.25rem 0 0;opacity:0;transform:translateY(.2rem)}
.about_box .honor .lists .swiper-slide-active .items h2{opacity:1;transform:translateY(0rem)}
.about_box .honor .lists .swiper-page{display:flex;justify-content: center;margin:.3rem  0 0 ;}
.about_box .honor .lists .swiper-page>div{width:.5rem;height:.5rem;border:1px solid #5f5f5f;margin:0 .15rem;border-radius:100%;text-align:center;line-height:.5rem;color:#5f5f5f;font-size:.24rem}
.about_box .honor .lists .swiper-page>div:hover{background:#015198;color:white;border:1px solid #015198}
.fot_bot>div{background:#004ea2;display:flex;padding:.33rem .65rem .33rem 0;align-items: center;justify-content: space-between;}
.fot_bot .lef{width:70%;padding-left:1.25rem;position:relative;}
.fot_bot .lef h1{font-size:.3rem;color:white;padding:0 0 .15rem}
.fot_bot .lef p{font-size:.18rem;color:white}
.fot_bot .righ{width:15%}
.fot_bot .righ a{height:.52rem;border:1px solid white;text-align:center;position:relative;line-height:.52rem;font-size:.18rem;color:#ffffff;padding-left:.45rem;border-radius:50px}
.fot_bot .righ a:after{content:"";position:absolute;background:url(../images/icon3.png) 0 0 no-repeat;width:.29rem;height:.28rem;left:23%;transform:translateY(-50%);top:50%;background-size:100%}
.footer{display:flex;position:relative}
.footer .fot_bot {position:absolute;width:100%;bottom:100%;left:0;z-index:2;}
.footer .left{width:62.9%;background:#232323;padding-left:2.6rem}
.footer .left .fot_nav{display:flex;width:85%;justify-content: space-between;padding:.8rem 0 .7rem }
.footer .left .fot_nav dl dt{margin:0 0 .25rem}
.footer .left .fot_nav dl dt a{font-size:.18rem;color:#ffffff;font-weight:normal}
.footer .left .fot_nav dl dd a{font-size:.16rem;color:#999999}
.footer .left .fot_nav dl dd{margin:0 0 .05rem}
.footer .left  p{font-size:.14rem;color:#999999;height:.62rem;line-height:.62rem;border-top:1px solid  #4f4f4f}
.footer .right{width:37.1%;background:#1e1e1e;padding:0 2.6rem 0 0;text-align:right  }
.footer .right .infos{padding:.8rem 0 0 }
.footer .right .infos h1{font-size:.16rem;color:#999999;}
.footer .right .infos h2{margin:.2rem  0 .3rem;font-size:.36rem;color:#004ea2;padding:0 0 .22rem;position:relative}
.footer .right .infos h2:after{content:"";position:absolute;background:#004ea2;width:.35rem;height:4px;right:0;bottom:0}
.footer .right .infos  p{font-size:.16rem;color:#999999;margin:0 0 .1rem}
.footer .right .links{margin:.45rem 0 0}
.footer .right .links select{width:2.3rem;background:none;height:.4rem;border:2px solid #2e2e2e;font-size:.14rem;color:#999999;padding:0 .2rem}
.product_box{display:flex}
.product_box .left{width:26.6%;padding-left:2.6rem;background:#f4f4f4}
.product_box .left ul{height:100%;border-right:1px solid #dedede;border-left:1px solid #dedede;padding:1.55rem .22rem 0 .3rem}
.product_box .left ul li {margin:0 0 .4rem}
.product_box .left ul li.active a{color:#0f489d}
.product_box .left ul li.active a:after{border:2px  solid #0f489d;color:#0f489d;}
.product_box .left ul li a:hover {color:#0f489d}
.product_box .left ul li a:hover:after{border:2px  solid #0f489d;color:#0f489d}
.product_box .left ul li a{font-size:.18rem;color:#323232;position:relative;padding-right:.3rem}
.product_box .left ul li a:after{content: "\f105";;position:absolute;font: normal normal normal 14px/1 FontAwesome;width:.27rem;height:.27rem;border:2px  solid #e3e3e3;border-radius:100%;text-align:center;line-height:.27rem;right:0;transform:translateY(-50%);top:50%;color:#9e9e9e;font-size:.18rem;font-weight:bold ;transition:.3s   }
.product_box .right{width:73.4%;padding:0 2.6rem 3.7rem 1.05rem;}
.product_box .right .mbx{display:flex;align-items: center;justify-content: flex-end;padding:.3rem 0 }
.product_box .right .top{display:flex;padding:.45rem 0 .5rem}
.product_box .right .top .zhiding{width:66.6%;background:#f8f9fc}
.product_box .right .top .zhiding a{height:100%;position:relative}
.product_box .right .top .zhiding a h2{font-size:.3rem;color:#014099;font-weight:bold;padding:.4rem 0 .4rem .25rem}
.product_box .right .top .zhiding a  .text{position:absolute;width:100%;padding:0 .3rem;bottom:.3rem}
.product_box .right .top .zhiding a  .text h1{font-size:.16rem;color:#2c2c2c;font-weight:bold;position:relative}
.product_box .right .top .zhiding a  .text h1:after{content:"+";position:absolute;font-size:.25rem;color:#2c2c2c;font-weight:bold;right:0;transform:translateY(-50%);top:50%}
.product_box .right .top .zhiding a:hover img{transform:scale(1.1)}
.product_box .right .top .imgs{width:33.4%}
.product_box .right  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .right  .lists:after{content:"";width:32.1%}
.product_box .right  .lists .items{width:32.1%;margin:0 0 .4rem}
.product_box .right  .lists .items a{background:#f8f9fc;padding:0 .25rem .75rem;position:relative}
.product_box .right  .lists .items a:after{content:"+";position:absolute;font-size:.3rem;color:#2c2c2c;font-weight:bold;right:.3rem;bottom:.2rem}

.product_box .right  .lists .items a h2{padding:.33rem 0 ;font-size:.16rem;color:#2c2c2c;font-weight:bold}
.product_box .right  .lists .items a .img{height:2.6rem;line-height:2.6rem}
.product_box .right  .lists .items a img{max-height:2.6rem}
.product_box .right  .lists .items a:hover img{transform:scale(1.1)}
.news_box>div{padding:.35rem 0 3.35rem}
.news_box .top ul{display:flex;justify-content: space-between;}
.news_box .top ul li{width:31.5%}
.news_box .top ul li a{background:#f3f3f3;padding:.7rem .3rem .8rem}
.news_box .top ul li a:hover{background:#0578d9}
.news_box .top ul li a:hover span{color:white}
.news_box .top ul li a:hover h1{color:white}
.news_box .top ul li a:hover p{color:white}
.news_box .top ul li a span{color:#8d8d8d;font-size:.16rem}
.news_box .top ul li a h1{font-size:.24rem;color:#252525;line-height:.3rem;height:.6rem;margin:.4rem 0 .5rem}
.news_box .top ul li a  p{font-size:.16rem;color:#6e6e6e;line-height:.22rem;height:.66rem}
.news_box .lists {padding:.65rem 0 0 }
.news_box .lists .items{margin:0 0 .2rem}

.news_box .lists .items a{display:flex;padding:.48rem .55rem;justify-content: space-between;}
.news_box .lists .items a:hover{box-shadow:0 10px 15px rgba(0,0,0,0.1)}
.news_box .lists .items a:hover .text h1{color:#2640bf}
.news_box .lists .items a:hover .time{background:#2640bf}
.news_box .lists .items a:hover .time h2{color:white}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a .img{width:16%}
.news_box .lists .items a .text{width:61.2%}
.news_box .lists .items a .text h1{font-size:.2rem;color:#3e3e3e;font-weight:bold;margin:0 0 .15rem}
.news_box .lists .items a .text  p{font-size:.16rem;color:#6e6e6e;height:.5rem;line-height:.25rem;margin:0 0 .2rem}
.news_box .lists .items a .text  em{width:1.1rem;height:.4rem;display:inline-block;background:#f3f3f3;text-align:center;transform:skewX(-35deg)}
.news_box .lists .items a .text  em  h3{transform:skewX(35deg);;line-height:.4rem;font-size:.14rem;color:#2842bf;font-weight:bold;}
.news_box .lists .items a .time{width:14%;background:#f3f3f3;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.news_box .lists .items a .time h2{font-size:.16rem;color:#848484}
.news_box .page{display:flex;justify-content: center;padding:.2rem 0 0}
.news_box .page a{width:.33rem;height:.33rem;background:#0578d9;font-size:.16rem;color:white;line-height:.33rem;margin:0 .035rem}
.job_list{padding:0  0 3.25rem; }
.job_list>div>h2{font-size:.36rem;color:#014099;margin:0 0 .9rem}
.job_list  .lists  .big_list{margin:0 0 .2rem;padding:0 .53rem;position:relative}
.job_list  .lists  .big_list .swiper-page>div{position:absolute;width:.7rem;height:.7rem;background:url(../images/16.png) center center   no-repeat;background-size:.26rem .15rem;border:1px solid #6d7a96;left:-.36rem;top:50%;transform:translateY(-50%);border-radius:100%;z-index:2}   
.job_list  .lists  .big_list .swiper-page .slide-button-next{right:-.36rem;left:auto;background:url(../images/17.png) center center   no-repeat;background-size:.26rem .15rem}
.job_list  .lists  .big_list .swiper-page>div:hover{border:1px solid #014099;background:#014099 url(../images/16-1.png) center center   no-repeat;background-size:.26rem .15rem;}
.job_list  .lists  .big_list .swiper-page .slide-button-next:hover{background:#014099 url(../images/17-1.png) center center   no-repeat;background-size:.26rem .15rem;}
.job_list  .lists  .big_list a{height:2.55rem;}
.job_list  .lists  .big_list a .info{height:2.35rem;background:white;padding:.3rem .25rem;;border-radius:10px;position:relative}
.job_list  .lists  .big_list a .info:after{content:"";position:absolute;width:.32rem;height:.27rem;background:url(../images/15.png) 0 0   no-repeat;;transform:translateX(-50%);left:50%;bottom:-0rem;background-size:100%;opacity:0;transition:.3s;z-index:-1}

.job_list  .lists  .big_list a .info h1{font-size:.2rem;color:#2b2b2b;font-weight:bold;margin:0 0 .4rem;}
.job_list  .lists  .big_list a .info h2{font-size:.16rem;color:#5b5a5a;font-weight:bold;margin:0 0 .45rem}
.job_list  .lists  .big_list a .info .box{display:flex;justify-content: space-between;align-items: center;}
.job_list  .lists  .big_list a .info .box em{height:.35rem;line-height:.35rem;width:1.33rem;font-size:.14rem;color:#5b5a5a;border:1px solid #5a5a5a;text-align:center;border-radius:5px}
.job_list  .lists  .big_list a .info .box span{font-size:.16rem;color:#5b5a5a;font-weight:bold}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info{background:#014099;transition:.3s}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info h1{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info h2{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info .box em{color:white;border:1px solid white;}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info .box span{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info:after{ opacity:1;transition:.3s;bottom:-.2rem}
.job_list  .lists  .sm_list{padding: 0 .53rem}
.job_list  .lists  .sm_list .infos {background:#f8fafd;padding:.45rem  .35rem 1.45rem}
.job_list  .lists  .sm_list .infos ul{display:flex;padding:0 0 .5rem;border-bottom:1px solid #e5e5e5}
.job_list  .lists  .sm_list .infos ul li{width:20%}
.job_list  .lists  .sm_list .infos ul li h1{font-size:.14rem;color:#757575;font-weight:bold;margin:0 0 .13rem}
.job_list  .lists  .sm_list .infos ul li p{font-size:.2rem;color:#1b1b1b;font-weight:bold} 
.job_list  .lists  .sm_list .infos .items1{padding:.4rem 0;border-bottom:1px solid #e5e5e5;color:#757575;line-height:.28rem}
.job_list  .lists  .sm_list .infos .items2{padding:.4rem 0;border-bottom:1px solid #e5e5e5;color:#757575;line-height:.28rem}
.job_list  .lists  .sm_list .infos .items3{padding:.3rem 0 0}
.job_list  .lists  .sm_list .infos .items3 h1{font-size:.18rem;color:#0096db;font-weight:bold;margin:0 0 .15rem}
.job_list  .lists  .sm_list .infos .items3 p{font-size:.14rem;color:#0096db;font-weight:bold;line-height:.26rem}
.contact_box .infos{padding:0 0 1.65rem}
.contact_box .infos .title{text-align:center;padding:.4rem 0 1.2rem}
.contact_box .infos .title h1{font-size:.48rem;color:#1f1f1f;font-weight:bold}
.contact_box .infos .txt{display:flex}
.contact_box .infos .txt .left{width:50%}
.contact_box .infos .txt .left h2{font-size:.36rem;color:#014099;font-weight:bold;padding:0 0 .7rem}
.contact_box .infos .txt .left h3{font-size:.24rem;color:#a3a4a3;font-weight:bold;padding:1.55rem 0 0 ;position:relative}
.contact_box .infos .txt .left h3:after{content:"";position:absolute;background:url(../images/icon4.png) 0 0 no-repeat;width:1.13rem;height:1rem;left:0;top:0;background-size:100%}
.contact_box .infos .txt .right{width:44%}
.contact_box .infos .txt .right ul {position:relative}
.contact_box .infos .txt .right ul:after{content:"";position:absolute;background:url(../images/icon5.png) 0 0 no-repeat;width:.26rem;height:.32rem;left:0;top:-.32rem;background-size:100%}
.contact_box .infos .txt .right ul li{height:.75rem;display:flex;flex-direction: column;justify-content: center;border-bottom:1px solid #e1e1e1}
.contact_box .infos .txt .right ul li p{font-size:.16rem;color:#343434}
.contact_box .message{padding:.85rem 0 2.7rem;background:#f7f7f7}
.contact_box .message .title{padding:0 0 .6rem}
.contact_box .message .title h1{font-size:.48rem;color:#1f1f1f;font-weight:bold}
.contact_box .message .top{display:flex;justify-content: space-between;}
.contact_box .message .top .input{width:27%}
.contact_box .message .top .input p{font-size:.16rem;color:#3d3e3e;padding:0 0 .2rem }
.contact_box .message .top .input input{width:100%;height:.56rem;border:1px solid #dcdcdc;font-size:.14rem;padding:0 .45rem}
.contact_box .message .top .input:nth-child(1) input{background:white url(../images/icon6.png) 7% center no-repeat;background-size:.12rem .15rem}
.contact_box .message .top .input:nth-child(2) input{background:white url(../images/icon7.png) 7% center no-repeat;background-size:.13rem .15rem}
.contact_box .message .top .input:nth-child(3) input{background:white url(../images/icon7.png) 7% center no-repeat;background-size:.12rem .15rem}
.contact_box .message .bot{margin:.45rem 0 0}
.contact_box .message .bot p{font-size:.16rem;color:#3d3e3e;padding:0 0 .2rem }

.contact_box .message .bot textarea{width:100%;height:2.1rem;border:1px solid #dcdcdc;font-size:.14rem;padding:.2rem .45rem}
.contact_box .message .bot textarea{background:white url(../images/icon8.png) 1.5% 12% no-repeat;background-size:.15rem .15rem}
.contact_box .message .sub{margin:.75rem 0 0 ;text-align:center}
.contact_box .message .sub button{width:2.4rem;height:.55rem;background:#014099;border:0;border-radius:5px;font-size:.16rem;color:white}
.tem_banner{padding:.8rem 0 0}
.tem_banner .label_text{position:absolute;left:2.6rem;top:48.5%;z-index:2}
.tem_banner .label_text h1{font-size:.6rem;color:#ffffff;font-style:italic;padding:0 0 .3rem}
.tem_banner .label_text  p{font-size:.24rem;color:white}
.tem_banner .slide-pagination{position:absolute;left:2.6rem;z-index:2;bottom:.8rem}
.tem_banner .slide-pagination span{margin:0 .22rem;width:.1rem;height:.1rem;opacity:1;background:white;position:relative}
.tem_banner .slide-pagination span:after{content:"";position:absolute;background:url(../images/icon9.png) 0 0  no-repeat;width:.45rem;height:.45rem;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.5s;background-size:100%}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1;transform:  translate(-50%,-50%) rotate(360deg);transition:.5s}
.index_search{display:flex;background:#f7f7f7;height:.8rem;align-items: center;justify-content: space-between;}
.index_search .left{padding-left:2.6rem}
.index_search .left h1{font-size:.14rem;color:#666666;padding-left:.35rem;position:relative}
.index_search .left h1:after{content:"";position:absolute;background:url(../images/icon10.png) 0 0  no-repeat;width:.18rem;height:.20rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.index_search .left h1 em{font-size:.16rem;color:#333333;font-weight:bold;margin-right:.2rem}
.index_search .right{width:49.2%;display:flex;align-items: center;position:relative;height:100%;padding-left:1rem}
.index_search .right:after{content:"";position:absolute;background:url(../images/icon11.png) 0 0  no-repeat;width:9.42rem;height:.94rem;right:0;bottom:0;background-size:100%;z-index:2}
.index_search .right h2{z-index:3;font-size:.16rem;color:#ffffff;margin:0 .2rem 0 0}
.index_search .right form{z-index:3;position:relative}
.index_search .right form input{width:3.6rem;height:.4rem;border-radius:50px;border:0;padding: 0 .5rem 0 .2rem;font-size:.14rem;color:black}
.index_search .right form button{position:absolute;right:.05rem;top:50%;transform:translateY(-50%);width:.34rem;height:.34rem;border:0;border-radius:100%;background:#004ea2 url(../images/icon12.png) center center  no-repeat;background-size:.2rem .2rem}
.index_product .title{text-align:center;padding:.58rem 0 .6rem}
.index_product .title h1{font-size:.42rem;color:#000000;font-weight:bold;padding:0 0 .15rem}
.index_product .title  p{font-size:.2rem;color:#666666}
.index_product .lists {display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_product .lists .items{width:50%}
.index_product .lists .items a{background:#fafafa}
.index_product .lists .items:nth-child(2) a,.index_product .lists .items:nth-child(3) a{background:#e8e6e6}
.index_product .lists .items a{display:flex;padding:.35rem .4rem .3rem .8rem;justify-content: space-between;}
.index_product .lists .items a .text{width:40%;padding:.45rem 0 0 }
.index_product .lists .items a .text h1{font-size:.24rem;color:#1b1b1b;padding:.95rem 0 0 ;font-weight:bold;margin:0 0 .85rem ;position:relative}
.index_product .lists .items a .text h1:after{content:"";position:absolute;background:url(../images/icon13.png) 0 0  no-repeat;width:.6rem;height:.58rem;left:0;top:0;background-size:100%;z-index:2}
.index_product .lists .items a .text p{font-size:.14rem;color:#1a1a1a;font-weight:bold;padding-left:.5rem;position:relative}
.index_product .lists .items a .text p:after{content:"";position:absolute;background:url(../images/icon14.png) 0 0  no-repeat;width:.34rem;height:.35rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product .lists .items a:hover img{transform:scale(.9)}
.index_product .lists .items a:hover .text p:after{transform:translateY(-50%) rotate(360deg) ;transition:.5s}
.index_product .lists .items a .img{width:52.5%}
.index_product .more{padding:.75rem 0 .7rem;text-align:center;}
.index_product .more a{height:.56rem;width:2.35rem;background:#014099;font-size:.16rem;color:white;display:inline-block;border-radius:10px;line-height:.56rem}
.index_product_list {background:#f0f7ff;padding:0 0 .65rem}
.index_product_list  .title{text-align:center;padding:.8rem 0 .4rem}

.index_product_list  .title  h1{font-size:.42rem;color:#000000;font-weight:bold;padding:0 0 .15rem}
.index_product_list  .title  p{font-size:.2rem;color:#666666}
.index_product_list  .lists a{background:white;padding:.11rem}
.index_product_list  .lists a .img{height:3.44rem;line-height:3.44rem;border:1px solid #eeeeee}
.index_product_list  .lists a .img img{max-height:3.44rem}
.index_product_list  .lists a  .text{text-align:center;padding:.4rem 0 .25rem}
.index_product_list  .lists a  .text h1{font-size:.18rem;color:#000000;font-weight:bold;padding:0 0 .15rem}
.index_product_list  .lists a  .text p{font-size:.14rem;color:#999999}
.index_product_list  .lists a:hover img{transform:scale(1.1)}
.index_product_list  .lists .slide-pagination{text-align:center;margin:.7rem 0 0 }
.index_product_list  .lists .slide-pagination span{width:.1rem;height:.1rem;border-radius:100%;opacity:1;background:#a0a0a0;margin:0 .11rem}
.index_product_list  .lists .slide-pagination span.swiper-pagination-bullet-active{background:#c5000a}
.index_about {position:relative;background:#fefefe;z-index:2;padding:0 0 1rem}
.index_about:after{content:"";position:absolute;background:url(../images/icon15.png) 0 0  no-repeat;width:100%;height:7.15rem;right:0;top:0;background-size:100%;z-index:-1}

.index_about .title{padding:1.75rem 0 .75rem;text-align:center;}
.index_about .title  h1{font-size:.42rem;color:white;font-weight:bold;padding:0 0 .15rem}
.index_about .title  p{font-size:.2rem;color:white}
.index_about .infos{display:flex;background:white;border-radius:10px}
.index_about .infos .img{width:49.5%}
.index_about .infos .text{width:50.5%;padding:.6rem .4rem 0;position:relative}
.index_about .infos .text h1{font-size:.24rem;color:#000000;font-weight:bold;padding:0 0 .22rem }
.index_about .infos .text  .txt p{font-size:.16rem;color:#666666;line-height:.25rem}
.index_about .infos .text  a{position:absolute;bottom:0;left:.4rem;width:1.8rem;height:.48rem;background:#014099;line-height:.48rem;text-align:center;font-size:.16rem;color:white;border-radius:50px;padding-left:.4rem;}
.index_about .infos .text  a:after{content:"";position:absolute;background:url(../images/icon16.png) 0 0  no-repeat;width:.3rem;height:.29rem;left:20%;top:50%;transform:translateY(-50%);background-size:100%;}
.index_about  ul{display:flex;padding:.55rem 0 .4rem}
.index_about  ul li{width:33%;text-align:center}
.index_about  ul li h1{;height:.46rem;line-height:.46rem;margin:0 0 .3rem;font-size:.3rem;color:#014099;font-weight:bold}
.index_about  ul li h1 em{font-size:.6rem;color:#014099}
.index_about  ul li  p{font-size:.16rem;color:#343434;font-weight:bold}
.index_about .box{padding:.7rem .42rem .7rem;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:5px;position:relative;;background:white;}

.index_about .box:after{content:"";position:absolute;background:url(../images/icon18.png) 0 0  no-repeat;width:14.87rem;height:1.59rem;left:50%;bottom:-.7rem;transform:translateX(-50%);background-size:100%;z-index:-2}
.index_about .box .lists {position:relative}
.index_about .box .lists .swiper-page>div{position:absolute;width:.55rem;height:.55rem;background:rgba(255,255,255,.5);line-height:.55rem;left:0;top:50%;;transform:translateY(-50%);border-radius:100%;text-align:center;font-size:.3rem;color:white;z-index:2}   
.index_about .box .lists  .swiper-page .slide-button-next{right:0;left:auto}
.index_about .box .lists .swiper-page>div:hover{background:rgba(1,64,153,.5)}
.index_about .box .lists a{overflow:hidden}
.index_about .box .lists a:hover img{transform:scale(1.1)}
.index_about .box .wel{margin:.5rem 0 0;text-align:center;background:url(../images/icon17.png) center 10%  no-repeat}
.index_about .box .wel h1{font-size:.3rem;color:#014099;font-weight:bold;padding:0 0 .14rem}
.index_about .box .wel p{font-size:.16rem;color:#666666}
.index_news {background:#f4f4f4;padding:0 0 2.8rem}
.index_news .title{padding:1rem 0 .5rem;text-align:center}
.index_news .title h1{font-size:.42rem;color:black;font-weight:bold}
.index_news .lists{position:relative}
.index_news .lists a {padding:0 0 .25rem;border-bottom:1px solid #dcdcdc}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .img{height:2.5rem}
.index_news .lists a .img img{height:2.5rem;width:100%;object-fit:cover}
.index_news .lists a  .text{padding:.28rem 0 1.05rem}
.index_news .lists a  .text h1{font-size:.22rem;color:#111111;font-weight:bold;margin:0 0 .15rem}
.index_news .lists a  .text  p{font-size:.16rem;color:#413f3f;line-height:.25rem;height:.5rem}
.index_news .lists a  em{width:100%;font-size:.16rem;color:#014099;display:inline-block;position:relative}
.index_news .lists a  em:after{content:"";position:absolute;background:url(../images/icon19.png) 0 0  no-repeat;width:.2rem;height:.11rem;top:50%;right:0;transform:translateY(-50%);background-size:100%;}
.index_news .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;;line-height:.5rem;left:-.88rem;top:50%;;transform:translateY(-50%);border-radius:100%;text-align:center;font-size:.3rem;color:#afafaf;z-index:2;border:2px solid #afafaf}   
.index_news  .lists  .swiper-page .slide-button-next{right:-.88rem;left:auto}
.index_news  .lists .swiper-page>div:hover{border:2px solid #014099;color:#014099}
/**/
.f_fixed{position:fixed;top:50%;right:0;z-index:99}
.f_fixed li{margin:0 0 .1rem;}
.f_fixed li a{display:block;width:.4rem;height:.4rem;background:#0b4da3;font-size:.18rem;color:#FFF;line-height:.4rem;text-align:center}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/
@media(max-width:1600px){
    .tem_banner .label_text{left:1rem;}
.tem_banner .slide-pagination{left:1rem;}
.index_search .left{padding-left:1rem}
.index_search .right{width:49.2%;display:flex;align-items: center;position:relative;height:100%;padding-left:.5rem}
.footer .left{;padding-left:1rem}
.footer .right{;padding:0 1rem 0 0; }
.product_box .left{padding-left:1rem}
.product_box .right{width:73.4%;padding:0 1rem 3.7rem 1.05rem;}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner .label_text{top:40%}
.tem_banner .label_text h1{font-size:.3rem;}
.tem_banner .slide-pagination{bottom:.2rem}
.index_search{display:inherit;height:auto;padding:.2rem}
.index_search .right{width:100%;padding:0;margin:.2rem 0 0 }
.index_search .right:after{display:none}
.index_search .left{padding-left:0}
.index_search .right h2{color:black}
.index_product .lists .items{width:100%;margin:0 0 .1rem}
.index_about .title{padding:0.45rem 0 .75rem;text-align:center;}
.index_about .infos{display:inherit}
.index_about .infos .img{width:100%}
.index_about .infos .text{width:100%}
.index_about .infos .text a{position:inherit;left:0;margin:.2rem 0 0}
.index_about .infos .text a:after{left:15%}
.index_about ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_about ul li{width:48%}
.index_about .box .wel{background-size:90%}
.index_news .lists .swiper-page>div{left:-.28rem;}   
.index_news  .lists  .swiper-page .slide-button-next{right:-.28rem;left:auto}
.fot_bot>div{display:inherit}
.fot_bot .lef{width:100%;padding:0}
.fot_bot .lef:after{display:none;}
.footer .fot_bot{display:none}
.footer .left{display:none}
.footer .right{width:100%}
.footer .right{padding:0 .2rem .5rem;text-align:center}
.footer .right .infos h2:after{display:none}
.about_box .company .top .infos{display:inherit;height:auto;padding:.2rem 0}
.about_box .company .top .infos h1{border-right:0}
.about_box .company .top .infos>*{width:100% !important}
.about_box .company .top .infos p{padding:0}
.product_box .left{padding:0}
.product_box .right{padding:0 .2rem}
.product_box .right .top .imgs{display:none}
.product_box .right .top .zhiding{width:100%}
.product_box .right .top .zhiding a .text{position:inherit}
.product_box .right .lists .items{width:48%}
.news_box .top ul{display:inherit;}
.news_box .top ul li{width:100%;margin:0 0 .1rem}
.news_box .lists .items a{padding:.2rem}
.news_box .lists .items a{display:flex;align-items: center;}
.news_box .lists .items a .img{}
.job_list .lists .sm_list{padding:0}
.contact_box .infos .txt{display:inherit}
.contact_box .infos .txt .left{width:100%}
.contact_box .infos .txt .right{width:100%;margin:.5rem 0 0 }
.contact_box .message .top{display:inherit}
.contact_box .message .top .input{width:100%;}
.contact_box .message .top .input input{}
.contact_box .message .top .input:nth-child(1) input{background:white url(../images/icon6.png) 2% center no-repeat;background-size:.12rem .15rem}
.contact_box .message .top .input:nth-child(2) input{background:white url(../images/icon7.png) 2% center no-repeat;background-size:.13rem .15rem}
.contact_box .message .top .input:nth-child(3) input{background:white url(../images/icon7.png) 2% center no-repeat;background-size:.12rem .15rem}

}